<script type="text/javascript">
$(document).ready(function(){
   //$('#us_menu').jqxMenu({ width: '450', height: '30px', theme: theme });
   $('#us_slider').jqxScrollView({ width: 1080, height: 300, slideShow: true, theme: theme });
   $('#us_feature_expander').jqxExpander({ width: '200px', toggleMode: 'dblclick', theme: theme });
   $('#us_feature_list').jqxMenu({ width: 198,height: 150,mode: 'vertical', theme: theme});
   $("#us_calendar").jqxCalendar({ width: '200px', height: '220px', theme: theme, showOtherMonthDays: false });
   $('#us_news').jqxExpander({ width: '228px', toggleMode: 'dblclick', theme: theme });
});
</script>
    <div id="us_menu">
        <div style='float: left; border-top-left-radius: 5px;'><a href="#">Trang chủ</a></div>
        <div style='float: left'><a href="#">Đăng nhập</a></div>
        <div style='float: left'><a href="#">Liên hệ</a></div>
        <div id='last' style='float: left; border-top-right-radius: 5px;'><a href="#">About us</a></div>
    </div><br/>
    <div style="background-color: white; width: 1100px; height: 312px ;margin-top: 8px;padding-top: 10px; border: #002a80 solid 2px">
        <div id="us_slider" style="border-radius: 10px; background-color: white">
            <div><div class="photo" style="background-image: url(resources/banner/slide1.jpg)"></div></div>
            <div><div class="photo" style="background-image: url(resources/banner/slide2.jpg)"></div></div>
            <div><div class="photo" style="background-image: url(resources/banner/slide3.jpg)"></div></div>
            <!--<div><div class="photo" style="background-image: url(../../images/imageNature4.jpg)"></div></div>
            <div><div class="photo" style="background-image: url(../../images/imageNature5.jpg)"></div></div>-->
        </div>
    </div>
    <div id='us_page_content' style="background-color: transparent">
        <div style='float: left'>
            <div id='us_feature_expander' style='float: left; margin:10px 0px;; border-radius: 5px;'>
                <div>Menu</div>
                <div id="us_feature_list" style='float: left; background-color: white; border-radius:0px'>
                    <ul>
                        <li><a href="#">Trang chủ</a></li>
                        <li><a href="#">Nghệ sĩ</a></li>
                        <li><a href="#">Nhóm nhạc</a></li>
                        <li><a href="#">Show diễn</a></li>
                        <li><a href="#">Đăng nhập</a></li>
                    </ul>
                </div>
            </div>
            <div id='us_calendar' style='margin-top: 10px;'></div>
        </div>
        <div id="us_content" style='float: left; width:650px; height:600px;margin:10px 10px 0px 10px; background-color: #ffffff'></div>
        <div style='float:left; margin-top: 10px;'>
            <div id='us_news' style='background-color: #ffffff'>
                <div>Tin tức nổi bật</div>
                <div>Đây là chỗ chứa tin tức</div>
            </div>
        </div>
    </div>
    <div id='us_footer'></div>
<?php

/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
?>
